@CHARSET "UTF-8";

body
{
	background-image: url(../images/background3.png);
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 100%;
}

#wrapper
{
	width:80%;
	position:relative;
	margin: auto;
	min-height:500px;
}

#content
{
	position:relative;	
	
}

#majorhead
{
	background-image: url(../images/majorhead3.png);
	background-repeat: no-repeat;
	display:block;
	height:71px;
	width:890px;
}

#maincontainer
{
	position:relative;
	float:left;
	width:90%;
	top:4.2em;	
}

#leftcontainer
{
	display:block;
	position: relative;
	height:100%;
	width:21.6%;
	float:left;
}

#likes, #isqfriends
{
	position:relative;
	height:70px;
	width:97%;
	background-color:#E9F5DC;	
}
.listcontainer
{
	position:relative;
	width:97%;
	margin-top: 7px;
	margin-bottom: 4px;
	border-bottom: 1px solid #eee;	
}

#isqfriendslist
{
	height: 330px;	
}

#likeslist
{
	height: 200px;
}

#isqfriendsthumbs, isqlikesthumbs
{
	position:relative;
	height:150px;
	width:99%;
	margin-bottom: 4px;
	display:block;

}

div.frontlistheader
{
	font-size: 0.68em;
	color:#555555;
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;	
}

div.listalllink
{
	font-size: 0.68em;
	color:#555555;
	margin-top:10px;	
}

div.nolist
{
	font-size: 0.68em;
	color:#555555;	
	margin-top: 5px;
}

#basecontainer
{
	display:block;
	position: relative;
	width:76%;
	float:left;
	padding-left:12px;
	border-left: 1px solid #ddd;
	top:3px;
	min-height:40em;
}

#navmenu
{
	display:block;
	position:relative;
	width:41%;
	float:right;
	height:30px;
	top: 5px;
	font-size: 0.68em;
}

#navmenu ul
{
	list-style-type: none;
	list-style-image: none;
}

#navmenu ul li
{
	display: inline;
	float: left;
	margin: 0 0 0 4.7%;

}

a.navz:visited
{
	color:black;	
}

a.navz
{
	text-decoration: none;	
	padding:5px 3px 5px 3px;
	color:black;
}

a.navz:hover
{
	cursor:pointer;
	background-color:#C1E0A0;
}

#loginheader
{
	font-size:1.8em;
	color: #999;
	font-weight: bold;
}

.error {
	color: brown;
	font-size:smaller;
}

.good {
	color: green;
	font-size:smaller;
}

.biginput
{
	font-size: 2em;
	border:1px solid #ccc;
	outline: none;
	width: 350px;
}

.mediuminput
{
	font-size: 1.15em;
	border:1px solid #ccc;
	outline: none;
}

#loginbtn
{
	background-color: #f0f0f0;
	font-size: 1.8em;
	outline: none;
}

.mediumbtn
{
	background-color: #f0f0f0;
	font-size: 1.20em;
	outline: none;
}

.bookmarklet
{
	font-size: 1.3em;
	float:left;
	margin-right: 10px;
	padding: 7px;
	background-color: black;
	color: white;
	text-decoration:none;
	font-family: Georgia;
}

#registerdirect
{
	font-weight:bold;
	color:#69AD4A;
	text-decoration: underline;
}

#registerdirect:hover
{
	cursor: pointer;
}

#fb_login_image:hover
{
	cursor:pointer;
}

#pagehead
{
	top:55px;
	display:block;
	height:55px;
	position:relative;
	background-color: #f3f3f3;
	z-index:2;
	padding:5px;
	border: 1px solid #ddd;
}

#usr_name
{
	position: relative;
	float:left;
	font-size:1.2em;
	font-weight: bold;
	top: 3px;
	margin-left: 10px;
}

#usercontainer
{
	border-right: 1px solid #ddd;
	width:19%;
	height:50px;
	display: block;
	float:left;
}

#piccontainer
{
	position:relative;
	float:left;
	top:3px;
	height:50px;
	width: 50px;
}

#pagetabs
{
	position: relative;
	float:left;
	width:71%;
	height:25px;
	bottom:-11px;
	left:1%;
}

#pagetitle
{
	position: relative;
	float:left;
	width:155px;
	height:20px;
	top:5px;
	font-weight:bold;
	left:1%;
	margin-left:4px;
}

.friends_header
{
	font-size:1.8em;
	color: #999999;
	font-weight: bold;
}

#search_name_input{
	width:180px;

}

a.fakelink
{
	color: blue;
	cursor: pointer;	
}

a.fakelink:hover 
{
	text-decoration: underline;
}

.friendcontainer, .friendsuggestion
{
	margin-right:10px;
	margin-top: 5px;
	margin-bottom:2px;
	width:100%;
	position: relative;	
	padding: 2px 0px 2px 0px;
}

.friendimg
{
	float:left;
}

.frienddetails
{
	font-size: 0.7em;
	color:#555555;
	margin-left:5px;
	float:left;
	position:relative;
	width: 68%;
}

.friendname
{
	display:block; 
	padding-bottom:1px; 
	border-bottom:1px solid #ddd;
	width: 100%;
	margin-bottom: 3px;
	color:#2c2c2c;
	
}

a.friendlike:hover
{
	text-decoration: underline;	
}
a.friendlike
{
	font-size: 0.75em;	
	color: #414141;
	text-decoration: none;
	background-repeat: no-repeat;
	margin-left:17px;	
	position: relative;
	top:2px;
}

.friendlikeranking
{
	position:absolute;
	left: 48px;
	top:5px;
	background-color:#DAB16A;
	display:block;
	height:4px; 	
}

a.like
{
	font-size: 0.75em;	
	color: #414141;
	text-decoration: none;
	display:block;
	margin-bottom:5px;
	width:88%;
	position:absolute;
	left:17px;
	padding: 2px 0px 3px 5px;
	background-repeat: no-repeat;
}

a.like:hover
{
	cursor: pointer;
	background-color: #414141;
	border: none;
	color: white;
	background-image:none;
}

.likecontainer
{
	border-bottom: 1px dotted #ddd;
	background-repeat:no-repeat;
	position:relative;
	display:block;
	height:22px;
	width:100%;
	background-position: 0px 3px;
	overflow:hidden;
	margin-top:2px;
}

.friendlikecontainer:hover
{
	background-color: #eee; 
}

.friendlikecontainer
{
	border-bottom: 1px dotted #ddd;
	background-repeat:no-repeat;
	position:relative;
	display:block;
	height:55px;
	width:100%;
	background-position: 0px 3px;
	overflow:hidden;
	margin-top:2px;
}

#interestsform
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;	
}

#interestlist
{
	margin-top: 10px;	
}

.interest
{
	margin: 0px 0px 3px 0px;
	font-size:1.2em;	
	padding: 5px;
}

#isquirrelplayer
{
	display:block;
	position:absolute;
	height: 515px;
	width:	640px;
	z-index:1499;
	border: 7px solid #bbb;
	background-color:white;
}

#pclosebtn
{
	display:block;
	position:absolute;
	bottom:5px;
	right:4px;
	height: 22px;
	width: 66px;
	background-image: url(../images/closelabel.gif);
	z-index: 1500;
}

.ilikevidbtn, .likedvidbtn
{
	display:block;
	position:absolute;
	bottom:2px;
	right:80px;
	z-index: 1500;
	height: 28px;
	width:74px;
	background-image: url(../images/likehand.png);
	background-position: -1px 0px;
}

.likedvidbtn
{
	background-image: url(../images/liked.png);
}

.ilikevidbtn:hover
{
	background-position: -1px 27px;
	cursor:pointer;
}

#youtubeicon
{
	display:block;
	position:absolute;
	bottom:3px;
	left:4px;
	height: 32px;
	width: 32px;
	background-image: url(../images/Youtube-32.png);
	z-index: 1500;
}

#youtubetitle
{
	display:block;
	position:absolute;
	bottom:2px;
	left:43px;
	height: 23px;
	width: 500px;
	z-index: 1500;
	font-size: 0.8em;
}

#pclosebtn:hover
{
	cursor: pointer;	
}

#draggablecontainer
{
	display:block;
	position:relative;
	height: 35px;
	width:	640px;
	z-index:1499;
}

#draggablecontainer:hover
{
	cursor: move;
}

#ytapiplayer
{
	position: relative;
	display:block;
	background-image: url(../images/barloader.gif);
	background-position: center;
	height: 480px;
	width: 640px;
	background-repeat: no-repeat;
	
}

.videothumb:hover
{
	opacity: 0.7;
	cursor: pointer;
}

.musicthumb:hover
{
	opacity: 0.7;
	cursor: pointer;
}


a.viewall
{
	position: absolute;
	right: 0px;
	color: #535353;
	text-decoration: none;
}

a.viewall:hover
{
	text-decoration: underline;
	cursor: pointer;
	
}

div.ytvideocontainer
{
	display: block;
	width:120px;
	height:10em;
	float:left;
	margin-left: 4%;
	margin-right: 2%;
	margin-bottom: 1em;
	color:#555555;
	position:relative;
	
}


div.videotitle
{
	border: 1px solid #ddd;	
	background-color:#ebebeb;
	font-size: 0.7em;
	margin-top: 4px;
	padding: 3px;
}

.rec_header
{
	clear:both;
	display: block;
	width: 97.2%;
	font-size: 1em;
	margin-bottom: 1.3em;
	padding: 3px 3px 6px 3px;
	color: #2e2e2e; 
	font-weight: bold;
	border-bottom: 1px solid #A8A8A8;
	position:relative;
}

.header_title
{
	padding-left: 37px;
	padding-top: 12px;
	background-repeat: no-repeat;
	position:relative;

}

.rec_container
{
	margin-bottom: 15px;	
	position: relative;
	clear:both;
}

div.lastfmcontainer
{
	display: block;
	width:125px;
	height:10em;
	float:left;
	margin-left: 4%;
	margin-right: 2%;
	margin-bottom: 1em;
	color:#555555;
	position:relative;
}

div.articlecontainer
{
	display: block;
	width:90%;
	height:10em;
	margin-left: 4%;
	margin-right: 2%;
	margin-bottom: 1em;
	color:#555555;
	position:relative;
}

span.show
{
	position: absolute;
	right: 7px;
	top:23px;
	color: #8a8a8a;
	text-decoration: none;
	font-size: 0.7em;
}

span.show:hover
{
	color: #5F5F5F;
	cursor: pointer;
}

div.viewmore
{
	display:block;
	position:relative;
	background-color: #f3f3f3;
	z-index:2;
	padding:5px;
	border: 1px solid #ddd;
	width: 96%;
	color: #5f5f5f;
	font-size:0.75em;
	margin: 15px 0px 5px 0px;
	text-align: center;
	clear:both;
	height:1.3em;
}

div.clickable:hover
{
	border: 1px solid #bbb;	
	cursor: pointer;
}

.contentloaded
{
	color: #8a8a8a;
	font-size: 0.70em;
	margin-bottom: 1.5em;
}

.stopfollow, .follow
{
	position: absolute;
	right: 0px;
	top: -3px;
	color: brown;	
	padding:2px;
	
}

.follow
{
	color: #92AD75;
}

.stopfollow:hover, .follow:hover
{
	cursor:pointer;
	color:white;
	background-color: brown;	
}

.follow:hover
{
	background-color: #92AD75;	
}

.articlethumb
{
	float:left;	
	margin-right: 8px;
}

.articlecontainer
{
	position: relative;	
	height: 100%;
}

.articleabstract
{
	font-size: 0.68em;	
	position:relative;
	color: #333
}

.articletitle
{
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	width: 100%;
	font-size: 0.8em;
	position:relative;
	display:block;
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
	padding-left: 20px;
	background-image:url(../images/wikipedia.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.articleurl
{
	color: #92AD75;
	padding:3px;
	text-decoration: none;
	font-size: 0.68em;
	font-weight: bold;
	position: absolute;
	bottom: 6%;
	right: 0px;
}

.articleurl:hover
{
	cursor: pointer;
	background-color: #92AD75;
	color: white;
}

.profile_header
{
	font-weight: bold; 
	color: rgb(114, 114, 114);
	padding-bottom:2px;
	border-bottom: 1px solid #ddd;
	margin: 4px 0px 4px 0px;
	position:relative;
}

.profile_change_section
{
	position:absolute;
	right:0px;
	top:3px;
	color: #92AD75;
	text-decoration: none;
	font-size: 0.72em;
	font-weight: bold;
	padding:2px;
}

.profile_change_section:hover
{
	cursor: pointer;
	background-color: #92AD75;
	color: white;
}

.ilikebtn, .likedbtn
{
	display: block;
	height: 28px;
	width:74px;
	background-image: url(../images/likehand.png);
	background-position: -1px 0px;
	left: 0px;
	position:absolute;
	bottom:10px;
}

.ilikebtn:hover
{
	background-position: -1px 27px;
	cursor:pointer;

}

#right_search
{
	display: block;
	width: 37%;
	border-left: 1px solid #ddd;
	padding-left: 5px;
	margin-left: 10px;
	float:left;
}

#search_facebook
{	
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#search_isquirrel
{
	background-color: #f3f3f3;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 7px 5px 7px 5px;
	margin-bottom: 15px;
	
}

#search
{
	display:block;
	width: 60%;
	position: relative;
	float: left;
}

#editprofile
{
	float:left;
	width: 60%;
	position:relative;

}

#bk_profile
{
	float:left;
	width: 32%;
	position:relative;
	margin-left:3%;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	padding: 10px;
}